import Layout from '@/layouts/index.vue';
import DashboardIcon from '@/assets/assets-slide-dashboard.svg';

export default [
  {
    path: '/THREE',
    component: Layout,
    redirect: '/THREE/base',
    name: 'THREE',
    meta: { title: 'THREE', icon: DashboardIcon },
    children: [
      {
        path: 'three-base',
        name: 'three-base',
        component: () => import('@/pages/THREE/basic.vue'),
        meta: { title: 'three-base' },
      },
      {
        path: 'three-BufferGeometry',
        name: 'three-BufferGeometry',
        component: () => import('@/pages/THREE/BufferGeometry.vue'),
        meta: { title: 'BufferGeometry' },
      },

      {
        path: 'three-Raycaster',
        name: 'three-Raycaster',
        component: () => import('@/pages/THREE/Raycaster.vue'),
        meta: { title: 'Raycaster' },
      },
      // {
      //   path: 'three-css2d',
      //   name: 'three-css2d',
      //   component: () => import('@/pages/THREE/CSS2D.vue'),
      //   meta: { title: 'css2d' },
      // },
      {
        path: 'three-loadFBX',
        name: 'three-loadFBX',
        component: () => import('@/pages/THREE/loadFBX.vue'),
        meta: { title: 'loadFBX' },
      },
    ],
  },
];
